import React from 'react';
import { Breadcrumb, Layout, Menu, theme } from 'antd';
import './Search.css';
import SearchBar from "./SearchBar.jsx";
const { Header, Content, Footer } = Layout;

const items = new Array(15).fill(null).map((_, index) => ({
    key: index + 1,
    label: `nav ${index + 1}`,
}));

const Search = () => {
    const {
        token: { colorBgContainer, borderRadiusLG },
    } = theme.useToken();

    return (
        <Layout>
            <Header style={{ display: 'flex', alignItems: 'center', backgroundColor: '#4d632e' }}>
                <div className="demo-logo" />
            </Header>

            <Content style={{padding: '0 0px',height: '500px'}}>

                <div className="custom-background">
                    <SearchBar/>
                </div>
            </Content>
            <Footer style={{textAlign: 'center'}}>
            Ant Design ©{new Date().getFullYear()} Created by Ant UED
            </Footer>
        </Layout>
    );
};

export default Search;

